<template>
  <div>
    这是一个父组件num:{{ num1 }}
    <br>
    这是一个父组件num:{{ num2 }}
    <hr>
    <br>
    <!-- <Son v-model="num" /> -->
    <!-- v-model是语法糖的写法，相当于下面写法 -->
    <!-- <Son :value="num" @input="val=>num=val" /> -->
    <!-- sync的写法，可以在一个组件用多次，v-model只能用一次 -->
    <Son :qqq.sync="num1" :www.sync="num2" />
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      num1: 100,
      num2: 200
    }
  }
}
</script>

<style>

</style>
